/* CSS variables */

:root {
  /* 默认主题色彩 - 蓝色 */
  --primary-color: #667eea;
  --primary-light: #764ba2;
  --primary-gradient: linear-gradient(135deg, #667eea, #764ba2);
  
  /* 基础色彩 */
  --text-primary: #1f2937;
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;
  --background: #f5f7fa;
  --surface: #ffffff;
  --border: #e5e7eb;
  
  /* 功能色彩 */
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
  --info: #06b6d4;
}

/* 主题色彩变体 */
[data-theme-color="blue"] {
  --primary-color: #667eea;
  --primary-light: #764ba2;
  --primary-gradient: linear-gradient(135deg, #667eea, #764ba2);
}

[data-theme-color="purple"] {
  --primary-color: #a855f7;
  --primary-light: #ec4899;
  --primary-gradient: linear-gradient(135deg, #a855f7, #ec4899);
}

[data-theme-color="green"] {
  --primary-color: #10b981;
  --primary-light: #059669;
  --primary-gradient: linear-gradient(135deg, #10b981, #059669);
}

[data-theme-color="orange"] {
  --primary-color: #f59e0b;
  --primary-light: #d97706;
  --primary-gradient: linear-gradient(135deg, #f59e0b, #d97706);
}

[data-theme-color="red"] {
  --primary-color: #ef4444;
  --primary-light: #dc2626;
  --primary-gradient: linear-gradient(135deg, #ef4444, #dc2626);
}

[data-theme-color="cyan"] {
  --primary-color: #06b6d4;
  --primary-light: #0891b2;
  --primary-gradient: linear-gradient(135deg, #06b6d4, #0891b2);
}

/* 深色主题 */
.dark {
  --text-primary: #f9fafb;
  --text-secondary: #d1d5db;
  --text-muted: #9ca3af;
  --background: #111827;
  --surface: #1f2937;
  --border: #374151;
}

/* 响应式断点 */
:root {
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
} 